<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            display: none;
        }
    </style>
</head>
<body>

    <h1 class="login">欢饮XX登陆</h1>

    <h1 class="noLogin">
        去
        <a href="">登陆</a>
        <a href="">注册</a>
    </h1>
    <button>退出</button>
    <button>注销账号</button>

    <script src="../js/tools.js"></script>
    <script>

        // 判断是否登陆   
        //      在登陆的时候  使用了  USER_LOGIN 标记过了
        //      判断是否登陆  就查询是否有 USER_LOGIN


        // 退出 --- 退出当前账号    USER_LOGIN  删掉

        // 注销账号
        //    当前是登陆状态 才可以注销
        //    把账号删掉   登陆状态也删掉   


        const user = localStorage.getItem('USER_LOGIN') ;
        if(user) {
            // alert('已经登陆')
            get('.login').style.display = 'block' ;
            get('.login').innerHTML = `欢饮${user}登陆`;
        } else {
            // alert('还没登陆') ;
            get('.noLogin').style.display = 'block' ;
        }

    

    </script>
    
</body>
</html>